<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Ajax-实现异步请求</title>
    <!-- 导入 JQ 库文件 -->
    <script src="js/jquery-3.7.1.js"></script>
</head>
<body>
    <h1>Ajax-实现异步请求-JSON操作</h1>
    <button id="btn1">用户手动拼接字符串</button>
    <button id="btn2">GSON工具实现</button>

    <script>

        $("#btn1").click(function(){
            $.ajax("json.do",{
                type:'post',
                // 把 JSON 字符串，还原（转换）为对应的 JavaScript 对象
                dataType:'json',
                success:function( obj ){
                    // 注意：服务器响应回来的是 JavaScript 对象的字符串表示 —— JSON
                    // 解决：把 JSON 字符中转换为对应的 JavaScript 对象
                    console.log(typeof obj)
                    console.log( obj )
                    // 错误！！！！
                    console.log( obj.username )
                }
            }) ;
        }) ;



    </script>
</body>
</html>